<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>铜丝空闲盘智能分选</title>
    <link rel="stylesheet" href="../layui-v2.6.8/layui/css/layui.css">
    <script src="../js/echarts.min.js"></script>
    <script src="../js/Persion.js"></script>
</head>

<body>
    <div class="layui-layout layui-layout-admin">
        <div class="layui-header">
            <div class="layui-logo layui-hide-xs layui-bg-black">智能分选</div>

            <ul class="layui-nav layui-layout-right">
                <li class="layui-nav-item layui-hide layui-show-md-inline-block">
                    <a href="javascript:;">
                        <p>文智伟</p>
                    </a>
                    <dl class="layui-nav-child">
                        <dd><a href="My.html">个人信息</a></dd>
                        <dd><a href="Login.html">退出</a></dd>
                    </dl>
                </li>
            </ul>
        </div>

        <div class="layui-side layui-bg-black">
            <div class="layui-side-scroll">
                <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
                <ul class="layui-nav layui-nav-tree" lay-filter="test">
                    <li class="layui-nav-item layui-nav-itemed">
                        <a class="" href="MyHome.html">首页</a>
                    </li>
                    <li class="layui-nav-item">
                        <a href="Person.html">人员管理</a>
                    </li>
                    <li class="layui-nav-item"><a href="Work.html">问题反馈</a></li>
                    <li class="layui-nav-item"><a href="My.html">个人信息</a></li>
                    <li class="layui-nav-item"><a href="mypaner.html">员工手册</a></li>
                </ul>
            </div>
        </div>

        <div class="layui-body">
            <!-- 内容主体区域 -->
            <div style="padding: 15px;">

                <fieldset class="layui-elem-field">
                    <legend>
                        <h3>人员占比情况</h3>
                    </legend>
                    <div class="layui-field-box">
                        <div id="main" style="width: 400px;height: 400px; float: left;"></div>
                        <textarea cols="100"
                            rows="20">   I haven&#039;t seen my father for over two years. What I can&#039;t forget is his back. In the winter of that year, grandmother died and father&#039;s errand was abandoned. It was a double whammy. I had come from Beijing to Xuzhou with the intention of following my father home. When I got to Xuzhou, I saw my father, saw all the things the wolves had borrowed, and thought of my grandmother. I couldn&#039;t help but weep. Father said: &quot;things have been so, do not have to be sad, fortunately, there is no way out! &quot; Went home to sell pawn, father returned the deficit; and borrowed money for the funeral. These days, the family is very bleak, half for the funeral, half for his father idle. When the funeral was over, my father wanted to go to Nanjing to seek employment, and I wanted to go back to Beijing to study, so we went together. To Nanjing, a friend about to go around, lingered for a day; the next morning will have to cross the river to Pukou, afternoon car to the north. My father was too busy to see me off, so he asked a familiar teahouse in the hotel to accompany me. He told the teahouse again and again, very carefully. But he was worried at last, for fear that the teahouse would not be right; he hesitated for a moment. In fact, I was already twenty years old at the time, and Beijing had been to and fro two or three times, so it didn&#039;t matter. After some hesitation, he finally decided to send me himself. I two or three advised him not to go; all he said was, &quot;never mind, it&#039;s no good for them to go! &quot; We crossed the river and entered the station. I bought the tickets, and he was busy with the luggage. There is so much luggage that you have to tip the porter to get through. He was busy bargaining with them again. I was too clever for my own good, and always felt he could not speak well, so I had to interject myself, but at last he fixed the price, and sent me to my car. He gave me a seat by the door; I spread out the purple coat he had made for me. He told me to be careful on the way and to be alert at night so as not to catch cold. And asked the tea room to take good care of me. I laughed in my heart at his tortuousness; they knew only money, and they knew only buttle! And can&#039;t a man my age take care of himself? Well, now that I think about it, that was brilliant! I said, &quot;Dad, you go. &quot; He looked out of the car and said, &quot;I&#039;m going to buy some oranges. You stay here and don&#039;t move around. &quot; I saw a couple of vendors waiting for customers outside the platform fence. To get to that platform, you have to cross the tracks, jump off and climb up. The father was a fat man, so it was a bit of a walk. I was going to, but he wouldn&#039;t let me, so I had to let him go. I saw him, in his little black CAP, black jacket, and dark blue cotton-padded gown, hobbling to the rail, and leaning out slowly, without difficulty. But it wasn&#039;t easy for him to get across the tracks and up that platform. He clambers onto it with both hands, his feet drawn upward; his plump body tilts to the left in an effort. Then I saw his back, my tears soon came down. I quickly wiped away the tears. Afraid of what he might see. Afraid of what others might see. When I looked out again, he was already walking back with his vermilion orange. When crossing the railway tracks, he first scattered the oranges on the ground, climbing down slowly himself, and then picked up the oranges to walk. When we got here, I hurried to help him. He and I walked to the car and plopped oranges all over my Parka. So flutter clothes on the soil, like a very relaxed heart. After a while, he said, &quot;I&#039;m leaving, write to me over there! &quot; I watched him go out. He took a few steps, turned his head to see me, said: &quot;Go in, there is no one inside. &quot; After his back into the comings and goings of the people, no longer found, I came in and sat down, my tears again. In recent years, my father and I are running around, the family is getting worse and worse. He went out to make a living as a teenager, supported himself and did many great things. But the old country is so decadent! He was overcome with emotion. Feeling depressed in, the natural out; household chores will often touch his anger. He treated me differently. But the last two years of absence, he finally forget my bad, just thinking about me, thinking about my son. After I came to the north, he wrote me a letter, saying, &quot;my body is safe, but my arm aches badly, and I am not able to carry a pen, and I am not far away. &quot; I read this, in tears, then I saw the back of the fat, blue cotton-padded gown and Black Mandarin Jacket. Oh! I don&#039;t know when I&#039;ll see him again!</textarea>
                    </div>
                </fieldset>
                <table class="layui-hide" id="test" lay-filter="test"></table>
            </div>
        </div>
    </div>
    <script src="../layui-v2.6.8/layui/layui.js"></script>
    <script>
        //JS 
        layui.use(['element', 'layer', 'util'], function () {
            var element = layui.element
                , layer = layui.layer
                , util = layui.util
                , $ = layui.$;

            //头部事件
            util.event('lay-header-event', {
                //左侧菜单事件
                menuLeft: function (othis) {
                    layer.msg('展开左侧菜单的操作', { icon: 0 });
                }
                , menuRight: function () {
                    layer.open({
                        type: 1
                        , content: '<div style="padding: 15px;">处理右侧面板的操作</div>'
                        , area: ['260px', '100%']
                        , offset: 'rt' //右上角
                        , anim: 5
                        , shadeClose: true
                    });
                }
            });

        });

    </script>
    <script type="text/html" id="barDemo">
        <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
        <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
      </script>


    <script src="//res.layui.com/layui/dist/layui.js" charset="utf-8"></script>
    <!-- 注意：如果你直接复制所有代码到本地，上述 JS 路径需要改成你本地的 -->

    <script>
        layui.use('table', function () {
            var table = layui.table;

            table.render({
                elem: '#test'
                , cols: [[ //标题栏
                    { field: 'id', title: 'ID', width: 80, sort: true }
                    , { field: 'username', title: '用户名', width: 120 }
                    , { field: 'email', title: '邮箱', minWidth: 150 }
                    , { field: 'sign', title: '签名', minWidth: 160 }
                    , { field: 'sex', title: '性别', width: 80 }
                    , { field: 'city', title: '城市', width: 100 }
                    , { field: 'experience', title: '工时', width: 80, sort: true }
                ]]
                , data: [{
                    "id": "01"
                    , "username": "王五"
                    , "email": "1号车间"
                    , "sex": "男"
                    , "city": "浙江杭州"
                    , "sign": "和斯在韧劲"
                    , "experience": "116"
                    , "ip": "192.168.0.8"
                    , "logins": "108"
                    , "joinTime": "2016-10-14"
                }, {
                    "id": "02"
                    , "username": "赵四"
                    , "email": "1号车间"
                    , "sex": "男"
                    , "city": "浙江杭州"
                    , "sign": "人生恰似一场修行"
                    , "experience": "12"
                    , "ip": "192.168.0.8"
                    , "logins": "106"
                    , "joinTime": "2016-10-14"
                    , "LAY_CHECKED": true
                }, {
                    "id": "03"
                    , "username": "王勃"
                    , "email": "1号车间"
                    , "sex": "男"
                    , "city": "浙江杭州"
                    , "sign": "人生恰似一场修行"
                    , "experience": "65"
                    , "ip": "192.168.0.8"
                    , "logins": "106"
                    , "joinTime": "2016-10-14"
                }, {
                    "id": "04"
                    , "username": "嘻嘻"
                    , "email": "1号车间"
                    , "sex": "男"
                    , "city": "浙江杭州"
                    , "sign": "春花秋月何时了"
                    , "experience": "666"
                    , "ip": "192.168.0.8"
                    , "logins": "106"
                    , "joinTime": "2016-10-14"
                }, {
                    "id": "05"
                    , "username": "可了"
                    , "email": "1号车间"
                    , "sex": "男"
                    , "city": "浙江杭州"
                    , "sign": "往事知多少"
                    , "experience": "86"
                    , "ip": "192.168.0.8"
                    , "logins": "106"
                    , "joinTime": "2016-10-14"
                }, {
                    "id": "06"
                    , "username": "贤心"
                    , "email": "1号车间"
                    , "sex": "男"
                    , "city": "浙江杭州"
                    , "sign": "人生恰似一场修行"
                    , "experience": "12"
                    , "ip": "192.168.0.8"
                    , "logins": "106"
                    , "joinTime": "2016-10-14"
                }, {
                    "id": "07"
                    , "username": "贤心"
                    , "email": "1号车间"
                    , "sex": "男"
                    , "city": "浙江杭州"
                    , "sign": "人生恰似一场修行"
                    , "experience": "16"
                    , "ip": "192.168.0.8"
                    , "logins": "106"
                    , "joinTime": "2016-10-14"
                }, {
                    "id": "08"
                    , "username": "贤心"
                    , "email": "1号车间"
                    , "sex": "男"
                    , "city": "浙江杭州"
                    , "sign": "人生恰似一场修行"
                    , "experience": "106"
                    , "ip": "192.168.0.8"
                    , "logins": "106"
                    , "joinTime": "2016-10-14"
                }]
                , skin: 'line' //表格风格
                , even: true
                , page: true //是否显示分页
                //,limits: [5, 7, 10]
                , limit: 5 //每页默认显示的数量
            });

            //头工具栏事件
            table.on('toolbar(test)', function (obj) {
                var checkStatus = table.checkStatus(obj.config.id);
                switch (obj.event) {
                    case 'getCheckData':
                        var data = checkStatus.data;
                        layer.alert(JSON.stringify(data));
                        break;
                    case 'getCheckLength':
                        var data = checkStatus.data;
                        layer.msg('选中了：' + data.length + ' 个');
                        break;
                    case 'isAll':
                        layer.msg(checkStatus.isAll ? '全选' : '未全选');
                        break;

                    //自定义头工具栏右侧图标 - 提示
                    case 'LAYTABLE_TIPS':
                        layer.alert('这是工具栏右侧自定义的一个图标按钮');
                        break;
                };
            });

            //监听行工具事件
            table.on('tool(test)', function (obj) {
                var data = obj.data;
                //console.log(obj)
                if (obj.event === 'del') {
                    layer.confirm('真的删除行么', function (index) {
                        obj.del();
                        layer.close(index);
                    });
                } else if (obj.event === 'edit') {
                    layer.prompt({
                        formType: 2
                        , value: data.email
                    }, function (value, index) {
                        obj.update({
                            email: value
                        });
                        layer.close(index);
                    });
                }
            });
        });
    </script>

</body>

</html>